.secondSection {
  :global {
    img {
      width: 100%;
      border-radius: 6px;
    }

    ul {
      display: flex;
      list-style: none;
      align-items: center;
      justify-content: space-around;
      top: -56px;
      height: 56px;
      transition: all 0.5s;

      &.fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        background-color: #e28857;
      }

      li {
        position: relative;
        padding: 8px 0;
        font-size: 16px;
        text-align: center;
        color: #fff;
      }

      li::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        width: 100%;
        height: 3px;
        background-color: forestgreen;
        opacity: 0;
        transition: opacity 0.5s;
      }

      li.active::before {
        opacity: 1;
      }
    }

    section {
      scroll-margin: 56px;
      padding: 16px;
    }

    h2 {
      line-height: 2;
      font-size: 24px;
      padding-left: 8px;
      font-weight: 500;
      color: #fff;
    }

    // app内打开
    .btnWrapper {
      &.fixed {
        bottom: 0;
      }
      position: fixed;
      bottom: -64px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 64px;
      padding: 0 16px;
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.42) 1%, rgba(255, 255, 255, 1) 68%);
      transition: all .5s;

      img {
        width: 100px;
      }

      button {
        outline: none;
        border: none;
        padding: 8px 16px;
        border-radius: 100px;
        color: #fff;
        background-color: #fb7299;
      }
    }
  }
}
